
body /** 整体的基本元素，主要是：字体大小颜色，背景颜色等。 */
{
	 font-family: "Tahoma";
	 font-size: 9pt;
	 overfolw:auto;
	 color:black;
	 background-color: white;
	 margin-top: 2px;
	 margin-bottom: 0px;
	 margin-left: 2px;
	 margin-right: 0px;
	 padding:0px;
	 border: 0px;
	
}
iframe
{
	 margin-top: 0px;
	 margin-bottom: 0px;
	 margin-left: 0px;
	 margin-right: 0px;
}
 TD
{
	font-family: "Tahoma";
	font-size: 9pt;
	height:20px;
}

.layout
{
	 width:100%;
	 padding: 0;
	 margin: 0;
	 
	 border-collapse:collapse;
	 font-size: 12px;	 
  	 border-right: medium none;
	 border-top: medium none;	 
	 border-left: medium none;
	 border-bottom: medium none;  
}
.layout TD
{
	 
	
}

.panel {
	width:100%;	
	border:1px solid #A1C3E7;
}
.panel .spliter{
	
	border-right:1px solid #A1C3E7;
}
.panel .toolbar {
	width:100%;
	font-family: "Tahoma";
	font-size: 9pt;
	font-weight: bold;
	color: #2A98CC;
	background-image: url(toolbar-bg.jpg);
	background-repeat: repeat-x;
	height: 26px;
}

.panel .toolbar .ico {

	padding:1px;

}
.panel .toolbar .title {
	font-family: "Tahoma";
	font-size: 9pt;
	font-weight: bold;
	color: #2A98CC;
	vertical-align: middle;
	padding:1px;

}
.panel .statusbar {
	width:100%;
	font-family: "Tahoma";
	font-size: 9pt;
	font-weight: bold;
	color: #2A98CC;
	background-image: url(toolbar-bg.jpg);
	background-repeat: repeat-x;
	height: 26px;
}
.spanButton
{
	 height: 22px;
	 padding-right:7px;
	 padding-left:5px;
	display:inline-block;
	 font-family: SimSun;
	 font-size: 12px;	 
	 background-image: url(item-over.gif);
	 CURSOR: pointer;
	 border-right:1px solid white;	
}
.spanButton IMG
{
	width:16px;
	height:16px;
	margin-top:2px;
	
}
.spanButton Label
{
	 height:16px;
	 padding-left:2px;
	 margin-top:5px;
	 margin-bottom:2px;	
}

.buttonPilot
{
	width:100%;
	background-image: url(toolbar-bg.jpg);
}
.buttonPilot .Pilottitle {
	width:28%;
	font-family: "Tahoma";
	font-size: 9pt;
	font-weight: bold;
	color: #2A98CC;
	padding:1px;
	padding-left:10px;

}
.buttonPilot .ico {
	width:18px;
}

.buttonPilot .button {
	
	text-align:right
	padding:1px;

}

.buttonPilot .spanButton
{
	 height: 22px;
	 padding-right:7px;
	 padding-left:5px;
	
	 font-family: SimSun;
	 font-size: 12px;	 
	 background-image: url(item-over.gif);
	 CURSOR: pointer;
	 border-right:1px solid white;	
}

.buttonPilot .spanButton IMG
{
	width:16px;
	height:16px;
	margin-top:2px;
	
}
.buttonPilot .spanButton Label
{
	 height:16px;
	 padding-left:2px;
	 margin-bottom:2px;
	
}

.percentBar
{
	border:0px solid #A1C3E7;
	background-image: url(toolbar-bg.jpg);	
	height:24px;
	font-family: "Tahoma";
	font-size: 9pt;
	font-weight:normal;
	padding-left:5px;
}
.percentBar .barProgress
{
	 background-color : #A1C3E7;
	 vertical-align : bottom;
	 text-align:center;
	 margin-top: 2px;
	 font-size:11pt;
	 color:red;
}


.tree
{
	OVERFLOW:auto;
	margin:0;
	margin-top: 5px;
	padding:0;
	font-size  :10pt;
	background-color:#ffffff;
	border-color:#d4d0c8;
	
}
.tree .expImg
{
	visibility : hidden;
	filter : "";
	width : 16px;
	height : 16px;
	font-family: Symbol;
	font-size  :10pt;
	font-weight: bold;
	position : relative;
	text-align :center;
	cursor :default;
	
}
.tree .check
{
	border-style:none;
}

.tree .imgIco
{
	width : 16px;
	height : 16px;
	display :none;
	background-position : center center;
	background-repeat :no-repeat;
	vertical-align : baseline;
}
.tree .text
{
	margin-left :2px;
	vertical-align :top;
	cursor:pointer;
}
.tree .activeNodeText
{
	margin-left :2px;
	vertical-align :top;
	cursor:pointer;
	background-Color:blue;
	color :white;
}
.tree .moveNodeText
{
	margin-left :2px;
	vertical-align :top;
	cursor:pointer;
	color :blue;	
}
.popupMenu
{
	z-index:4998;
	position:absolute;
	visibility:hidden; 
}
.menufrm
{
	position:absolute;
	z-index:4999;
}

.menuDiv
{
	padding : 0px 0px 0px 0px;
	border	: 1px solid #666666;
	margin  : 0px 0px 0px 0px;
	color   : menuText;
	font-family : SimSun;	
	position         : absolute;
	background-color :#f9f8f7;
	z-index          :5000;
}
.menuTable
{
	z-index :5001;
}

.menuTDImg
{
	width : 25px;
	background-image: url(menuItem.gif);
	background-color : #dbd8d1;
}
.menuImg
{
	width  : 16px;
	height :16px;				
	background-Position : center center;
	background-Repeat   : no-repeat;
	vertical-Align      : baseline ;
	visibility          : visible;
}
.menuSpacer
{
	padding-Left : 0px;
	padding-Right : 0px;
	padding-Right : 0px;
	padding-Bottom : 2px;
	position : relative;
	font-Size : 1px;
	margin : 2px 0px 3px 0px;
	overflow : hidden;
	border-Top : buttonshadow 1px solid;
	border-Bottom : buttonhighlight 1px solid;
	width : 100%;
	height : 2px;
	font-Size : 1px;
	background-Color : red;
}

.menuItem
{
	background-Color: #f9f8f7;
	color: menutext;
}
.activeMenuItem
{
	background-Color: #b6bdd2;
	color: menutext;
}

.tab
{
	width:100%;
	height:100%;
	top:0px;
}
.tab .top
{
	
}

.tab .top .title
{
	white-space:nowrap;
	text-align: center;	
	padding-top: 2px;
	padding-left: 6px;
	padding-right: 6px;
	cursor: pointer;
}
.tab .top .endpage
{
	width:100%;	
}
.tab .sheet
{
	width:100%;
}

.tab .sheet .sheetLoad
{
	 width:100%;
	 height:100%;
	 border-bottom-style: groove;
	 border-right-style: groove;
	 border-top-style: groove;
	 border-left-style: groove;
	 border-width: 2px;
	 
}
 .tab .sheet .sheetLoad IFrame
{
	background-color: #000000;
	width:100%;
	height:100%;

}
.tab .sheet .sheetunLoad
{
	 display:none;
	 width:100%;
	 height:100%;
	 border-bottom-style: groove;
	 border-right-style: groove;
	 border-top-style: groove;
	 border-left-style: groove;
	 border-width: 2px;
}

.win_container 
{
	display:none;
	position: absolute;	
	background-Color: white;
	border:	1px solid rgb(120,172,255);
	top:0 ;
	left:0;
	overflow:hidden;
}
.win_container IFRAME
{
	position:absolute; 
	left:0;
	top:0;
	width:100%;
	border-style: none;
}

.win_shim 
{
	position: absolute;	
	display:none;
}

.dropbutton
{
	position:       absolute;
	cursor:			pointer;	
	padding:		0;
	background-color:#d7e8fb; 
	vertical-align:	baseline;
	font-size:		8pt;
	font-family:	Webdings, Marlett;
	z-index: 9999;
	text-align:center;
}
.dropbutton .button_img {
	width:12;
	height:12;	
}
.drop_list_table
{
	width:100%;
	background-color: #E8F2FE ;	
	TABLE-LAYOUT: fixed;
	word-break:keep-all;
}

.drop_list_table TD
{
	width:100%;
	 height:22px; 
	 cursor:	pointer;	
	 OVERFLOW: hidden; 
	 text-overflow : ellipsis;
	 WHITE-SPACE: nowrap;	 
}


/*********************************日历组件 by steve_gu***************************************/
/* 日历 最外围的table */
.calendar {
	font-weight:bolder;
	border-collapse:  collapse;	
	cursor:           default;
	padding:		 0;
	width:           100%;
	height:          100%;
	border:	1px solid rgb(120,172,255);
}

/* 日历的页眉 tr*/
.calendar .title {
	width:            100%;
	border:           0px;
	vertical-align:   top;	    
}
/* 日历的页眉 tr*/
.calendar .title  td{
	width:            25%;	
	border:           0px;	
	background-color:#d7e8fb; 
}
.calendar .title .textYear 
{
	text-align:right;	
}
/* 日历的页眉中年月份选择按钮(4个)及显示的年与月text(2个)，共6个td，每个td中有一个input*/
/* 页眉中的四个按纽 */
.calendar .title  img
{
	cursor:			pointer;	
	padding:		0;	
	height:12;
	width:12;
}

.calendar .title .buttonNextMonth  {
	text-align: right;
}

.calendar .title input {
	text-align: center;
	font-size: 12px;
	border:	1px solid #d7e8fb;	 
}

.calendar .data {
}
/* 周日到周六以及一个月中的每天的单元格 table*/
.calendar .data .calendarCell {
	
	HEIGHT : 100%;
	WIDTH  : 100%;	
	BORDER-COLLAPSE: collapse; 
	CURSOR: pointer
}

/* 若不需要日期数据的边框，可将下面去掉 */
.calendar .data .calendarCell tr td{
	
	border-width: 2px;
}

/* 周日到周六的tr */
.calendar .data .calendarCell .calendarWeek  td{
	color:  black;
	height  :20px;	
	text-align:   center;
	border-bottom:	1px solid rgb(120,172,255);		
}

/* 1号到30号的单元格tr */
.calendar .data .calendarCell .calendarDay {
	height:     18px;
	text-align: center
}

/* 三种情况(上月，本月与下月)的td */
.calendar .data .calendarCell .calendarDay .pre {
	color:             gray;
	background-color:  white;
}

.calendar .data .calendarCell .calendarDay .cur {
	color:            black;
	background-color: #d7e8fb
}

.calendar .data .calendarCell .calendarDay .next {
	color:             gray;
	background-color:  white;
}

/* 选中的td */
.calendar .data .calendarCell .calendarDay .selected {
	background-color: rgb(120,172,255);
	color:            white;
}

/* 日历的页脚tr */
.calendar .footer input {
	text-align: center;
	font-size: 12px;
	border:	0px;	 
}
.calendar .footer table{
	border-top:	1px solid rgb(120,172,255);	
	width:100%;
}

/* 日历的页脚中的td 显示时间*/
.calendar .footer .time 
{
	text-align: right
}

.calendar .footer .time input{

}
/* 页脚中时间显示项 */
.calendar .footer #input_time {
	height: 21px;
	width:60px;
	background-color:#d7e8fb;
	 border:	0px;	
}

/* 页脚中今天yyyy-mm-dd的按钮button */
.calendar .footer #buttonToday {
	height: 21px;
	width:120px;
	background-color:#d7e8fb;
	 border:	0px;	
}

/* 从表页面 - 展示样式  */
.detail_div_enable {
	position:absolute;
	border-width: 0px;
	padding:0px;
/*	margin: 0 auto; */ 
/*	margin-left:-200px; */
/*  top:30%   */
/*	left:30%   */	
/*	bottom:50%; */
/*	margin-top:-100px; */
	
}

/* 二层页面 - 展示样式 */
.detail_detail_div_enable{
	position:absolute;
	border-width: 0px;
	left:0%;
	top:0%;
}

/* 从表页面 - 隐藏样式 */
.detail_div_disable {
	display: none;

}

/* 主页面按钮位置 */
.detail_exit_button {
	position:absolute;
	top:5px;
}

/* 二层页面按钮位置 */
.detail_detail_exit_button{
	position:absolute;
	top:5px;
}


/* *********** 用于年月**************/
.calendarMonth {
	font-weight:bolder;
	border-collapse:  collapse;	
	cursor:           default;
	padding:		 0;
	width:           100%;
	height:          100%;
	border:	1px solid rgb(120,172,255);
	 
}
/* 日历的页眉 tr*/
.calendarMonth .title {
	width:            100%;
	height:           22;
	border:           0px;
	vertical-align:   top;	
	FONT-WEIGHT:      bold;
	text-align:       center
}

.calendarMonth .title .buttonLastYear input,
.calendarMonth .title .buttonNextYear input
 {
	FONT-SIZE:8;
	FONT-FAMILY:webdings;
	WIDTH:18px;
}

.calendarMonth .title .textYear input {
	text-align: center;
}

.calendarMonth .data {
}

.calendarMonth .data .monthCell {
	border-bottom-style: groove;
	border-right-style: groove;
	border-top-style:  groove;
	border-left-style: groove;
	border-width: 2px;
	height: 100%;
	width:  100%;	
	border-collapse: collapse;
	cursor: pointer;
	
}

/* 若不需要月份数据的边框，可将下面去掉 */
.calendarMonth .data .monthCell tr td{
	width: 25%;
	
	border-bottom-style:groove;
	border-right-style: groove;
	border-top-style:   groove;
	border-left-style:  groove;
	border-width: 2px;
}

/* 1月到12月的单元格tr */
.calendarMonth .data .monthCell .calendarMonth {
	height:     36px;
	text-align: center;
}

.calendarMonth .data .monthCell .calendarMonth .cur {
	color:            black;
	background-color:  #DAF1FF
}

/* 选中的td */
.calendarMonth .data .monthCell .calendarMonth .selected {
	background-color: #72C5FF;
	color:            white;
}
.cal_change_year
{
	border-collapse:  collapse;	
	cursor:           pointer;
	padding:		 0;
	width:100%;
	height:100%;
	border:	1px solid rgb(120,172,255);
	font-weight:bolder;
	
}
.cal_change_year .change_month
{
	width:100%;
	height:100%;
	color:black;
	border-top:	1px solid rgb(120,172,255);
	border-bottom:	1px solid rgb(120,172,255);
	text-align:center;	
}
.cal_change_year .change_month .title
{
	font-weight:bolder;
	color:black;
	text-align:center;
	background-color:#d7e8fb;
}

.cal_change_year .change_month .cur {
	color:            black;
	background-color: white;
}

.cal_change_year .change_month .selected {
	background-color: rgb(120,172,255);
	color:            white;
}
.cal_change_year .change_year
{
	width:100%;
	height:100%;
	color:  salmon;
	text-align:center;	
}
.cal_change_year .change_year .title
{
	color:black;
	font-weight:bolder;
	text-align:center;
	background-color:#d7e8fb;
}

/* 选中的td */
.cal_change_year .change_year .selected {
	background-color: rgb(120,172,255);
	color:            white;
}
.cal_change_year .change_year .cur {
	color:            black;
	background-color: white;
}
.cal_change_year .change_buttom td
{
	border:           0px;	
	/*background-color:#d7e8fb; 
	FILTER: Alpha(Opacity=20, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=0, FinishY=100);
	*/ 
}

.cal_change_year .change_buttom span
{
	width:45px;
	height:22px;
	color:black;
	cursor:			pointer;	
	padding:		0;
	background-color:#d7e8fb;
	line-height:22px;
	text-align:center;	
}
/****************************************end of 日历组件 ****************************************************/
